img { max-width: 100%; }

.indexBanner { width: 100%; height: 520px; }
.indexBanner .bannerSwiper { height: 100%; }
.indexBanner .bannerSwiper .swiper-slide { height: 100%; }
.indexBanner .bannerSwiper .swiper-slide a { display: block; width: 100%; height: 100%; font-size: 0; position: relative; }
.indexBanner .bannerSwiper .swiper-slide a .bannerImg { width: 100%; height: 100%; object-fit: cover; }
.indexBanner .bannerSwiper .swiper-slide a .width { height: 100%; position: absolute; top: 0; left: 50%; margin-left: -500px; }
.indexBanner .bannerSwiper .swiper-slide a .nav { display: table; width: 100%; height: 100%; }
.indexBanner .bannerSwiper .swiper-slide a .nav .left { display: table-cell; vertical-align: middle; }
.indexBanner .bannerSwiper .swiper-slide a .nav .left span { display: block; font: bold 48px 'microsoft yahei'; color: #1d208a; transition: all 1s ease 1s; opacity: 0; transform: translateX(-150px); }
.indexBanner .bannerSwiper .swiper-slide a .nav .left em { display: block; width: 288px; height: 46px; font: normal 12px/46px 'microsoft yahei'; color: #ffffff; text-align: center; background: #f08106; margin-top: 40px; transition: all 1s ease 1.2s; opacity: 0; transform: translateX(-150px); }
.indexBanner .bannerSwiper .swiper-slide a .nav .right { display: table-cell; vertical-align: middle; width: 52.2%; transition: all 1.2s ease 1s; opacity: 0; transform: translateX(150px); }
.indexBanner .bannerSwiper .swiper-slide a .nav .right img { max-width: 100%; max-height: 100%; }
.indexBanner .bannerSwiper .swiper-slide.swiper-slide-active a .nav .left span { opacity: 1; transform: translateX(0px); }
.indexBanner .bannerSwiper .swiper-slide.swiper-slide-active a .nav .left em { opacity: 1; transform: translateX(0px); }
.indexBanner .bannerSwiper .swiper-slide.swiper-slide-active a .nav .right { opacity: 1; transform: translateX(0px); }
.indexBanner .bannerSwiper .bannerPagi span { width: 15px; height: 1px; border-radius: 0; background: #d0d0d0; opacity: .5; }
.indexBanner .bannerSwiper .bannerPagi span.swiper-pagination-bullet-active { opacity: 1; height: 2px; }
.indexBanner .bannerSwiper .bannerPrev { width: 57px; height: 95px; background: rgba(88, 89, 98, 0.6); margin-top: -47.5px; left: 10.41%; }
.indexBanner .bannerSwiper .bannerPrev span { display: block; width: 18px; height: 30px; background: url(../images/prev.png) no-repeat left center; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -9px; transition: all .5s ease; }
.indexBanner .bannerSwiper .bannerPrev:hover span { background-position: right center; }
.indexBanner .bannerSwiper .bannerNext { width: 57px; height: 95px; background: rgba(88, 89, 98, 0.6); margin-top: -47.5px; right: 10.41%; }
.indexBanner .bannerSwiper .bannerNext span { display: block; width: 18px; height: 30px; background: url(../images/next.png) no-repeat right center; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -9px; transition: all .5s ease; }
.indexBanner .bannerSwiper .bannerNext:hover span { background-position: left center; }

.banner { width: 100%; font-size: 0; }
.banner img { width: 100%; }

.wrap { margin-top: 110px; }
.wrap .index .indexTitle { padding-bottom: 20px; border-bottom: 2px solid #eaeaea; margin-bottom: 15px; }
.wrap .index .indexTitle p { font: normal 20px 'microsoft yahei'; color: #333333; text-align: center; }
.wrap .index .page1 { padding: 40px 0; background: #ffffff; }
.wrap .index .page1 .top .nav, .wrap .index .page1 .bot .nav { position: relative; }
.wrap .index .page1 .top .nav .topSwiper .swiper-wrapper .swiper-slide a, .wrap .index .page1 .top .nav .botSwiper .swiper-wrapper .swiper-slide a, .wrap .index .page1 .bot .nav .topSwiper .swiper-wrapper .swiper-slide a, .wrap .index .page1 .bot .nav .botSwiper .swiper-wrapper .swiper-slide a { display: block; width: 100%; height: 100%; }
.wrap .index .page1 .top .nav .topSwiper .swiper-wrapper .swiper-slide a p, .wrap .index .page1 .top .nav .botSwiper .swiper-wrapper .swiper-slide a p, .wrap .index .page1 .bot .nav .topSwiper .swiper-wrapper .swiper-slide a p, .wrap .index .page1 .bot .nav .botSwiper .swiper-wrapper .swiper-slide a p { width: 100%; }
.wrap .index .page1 .top .nav .topSwiper .swiper-wrapper .swiper-slide a p.pt, .wrap .index .page1 .top .nav .botSwiper .swiper-wrapper .swiper-slide a p.pt, .wrap .index .page1 .bot .nav .topSwiper .swiper-wrapper .swiper-slide a p.pt, .wrap .index .page1 .bot .nav .botSwiper .swiper-wrapper .swiper-slide a p.pt { height: 237px; font-size: 0; overflow: hidden; text-align: center; }
.wrap .index .page1 .top .nav .topSwiper .swiper-wrapper .swiper-slide a p.pt em, .wrap .index .page1 .top .nav .botSwiper .swiper-wrapper .swiper-slide a p.pt em, .wrap .index .page1 .bot .nav .topSwiper .swiper-wrapper .swiper-slide a p.pt em, .wrap .index .page1 .bot .nav .botSwiper .swiper-wrapper .swiper-slide a p.pt em { display: inline-block; width: 1px; margin-left: -1px; height: 100%; line-height: 100%; vertical-align: middle; }
.wrap .index .page1 .top .nav .topSwiper .swiper-wrapper .swiper-slide a p.pt img, .wrap .index .page1 .top .nav .botSwiper .swiper-wrapper .swiper-slide a p.pt img, .wrap .index .page1 .bot .nav .topSwiper .swiper-wrapper .swiper-slide a p.pt img, .wrap .index .page1 .bot .nav .botSwiper .swiper-wrapper .swiper-slide a p.pt img { display: inline-block; max-width: 100%; max-height: 100%; line-height: 100%; vertical-align: middle; transition: all .5s ease; transform: translateZ(0px); }
.wrap .index .page1 .top .nav .topSwiper .swiper-wrapper .swiper-slide a p.pb, .wrap .index .page1 .top .nav .botSwiper .swiper-wrapper .swiper-slide a p.pb, .wrap .index .page1 .bot .nav .topSwiper .swiper-wrapper .swiper-slide a p.pb, .wrap .index .page1 .bot .nav .botSwiper .swiper-wrapper .swiper-slide a p.pb { height: 42px; box-sizing: border-box; border-bottom: 1px solid #eaeaea; }
.wrap .index .page1 .top .nav .topSwiper .swiper-wrapper .swiper-slide a p.pb span, .wrap .index .page1 .top .nav .botSwiper .swiper-wrapper .swiper-slide a p.pb span, .wrap .index .page1 .bot .nav .topSwiper .swiper-wrapper .swiper-slide a p.pb span, .wrap .index .page1 .bot .nav .botSwiper .swiper-wrapper .swiper-slide a p.pb span { display: block; width: 100%; height: 100%; font: normal 14px/42px 'microsoft yahei'; color: #333333; text-align: center; transition: all .5s ease; }
.wrap .index .page1 .top .nav .topSwiper .swiper-wrapper .swiper-slide a:hover p.pt img, .wrap .index .page1 .top .nav .botSwiper .swiper-wrapper .swiper-slide a:hover p.pt img, .wrap .index .page1 .bot .nav .topSwiper .swiper-wrapper .swiper-slide a:hover p.pt img, .wrap .index .page1 .bot .nav .botSwiper .swiper-wrapper .swiper-slide a:hover p.pt img { transform: scale(1.1); }
.wrap .index .page1 .top .nav .topSwiper .swiper-wrapper .swiper-slide a:hover p.pb span, .wrap .index .page1 .top .nav .botSwiper .swiper-wrapper .swiper-slide a:hover p.pb span, .wrap .index .page1 .bot .nav .topSwiper .swiper-wrapper .swiper-slide a:hover p.pb span, .wrap .index .page1 .bot .nav .botSwiper .swiper-wrapper .swiper-slide a:hover p.pb span { color: #1b2188; }
.wrap .index .page1 .top .topPrev, .wrap .index .page1 .top .botPrev, .wrap .index .page1 .bot .topPrev, .wrap .index .page1 .bot .botPrev { width: 57px; height: 95px; background: rgba(88, 89, 98, 0.6); margin-top: -47.5px; left: -7%; transform: scale(0.6); }
.wrap .index .page1 .top .topPrev span, .wrap .index .page1 .top .botPrev span, .wrap .index .page1 .bot .topPrev span, .wrap .index .page1 .bot .botPrev span { display: block; width: 18px; height: 30px; background: url(../images/prev.png) no-repeat left center; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -9px; transition: all .5s ease; }
.wrap .index .page1 .top .topPrev:hover span, .wrap .index .page1 .top .botPrev:hover span, .wrap .index .page1 .bot .topPrev:hover span, .wrap .index .page1 .bot .botPrev:hover span { background-position: right center; }
.wrap .index .page1 .top .topNext, .wrap .index .page1 .top .botNext, .wrap .index .page1 .bot .topNext, .wrap .index .page1 .bot .botNext { width: 57px; height: 95px; background: rgba(88, 89, 98, 0.6); margin-top: -47.5px; right: -7%; transform: scale(0.6); }
.wrap .index .page1 .top .topNext span, .wrap .index .page1 .top .botNext span, .wrap .index .page1 .bot .topNext span, .wrap .index .page1 .bot .botNext span { display: block; width: 18px; height: 30px; background: url(../images/next.png) no-repeat right center; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -9px; transition: all .5s ease; }
.wrap .index .page1 .top .topNext:hover span, .wrap .index .page1 .top .botNext:hover span, .wrap .index .page1 .bot .topNext:hover span, .wrap .index .page1 .bot .botNext:hover span { background-position: left center; }
.wrap .index .page1 .top .nav .topSwiper { margin-bottom: 35px; }
.wrap .index .page1 .top .nav .topSwiper .swiper-wrapper .swiper-slide a:hover p.pt img { transform: scale(1); opacity: .6; }
.wrap .index .page1 .bot { padding-top: 55px; background: #f6f6f6; }
.wrap .index .page2 { padding-bottom: 40px; background: #ffffff; }
.wrap .index .page2 ul li { float: left; width: 32%; height: 270px; background: #f5f5f5; margin-left: 2%; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1); }
.wrap .index .page2 ul li .nav { width: 81.25%; margin: 0 auto; }
.wrap .index .page2 ul li .nav .title { margin-top: 20px; }
.wrap .index .page2 ul li .nav .title p { font: normal 18px 'microsoft yahei'; color: #333333; background: url(../images/index/rectangle.png) no-repeat left center; padding-left: 15px; display: inline-block; }
.wrap .index .page2 ul li .nav .title a { display: inline-block; float: right; font: normal 12px/26px 'microsoft yahei'; color: #999999; transition: all .5s ease; }
.wrap .index .page2 ul li .nav .title a:hover { color: #1d208a; }
.wrap .index .page2 ul li .nav .top { margin-top: 20px; }
.wrap .index .page2 ul li .nav .top p { font: normal 14px 'microsoft yahei'; color: #333333; }
.wrap .index .page2 ul li .nav .cen { margin-top: 15px; }
.wrap .index .page2 ul li .nav .cen p { max-height: 68px; font: normal 12px/24px 'microsoft yahei'; color: #999999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.wrap .index .page2 ul li .nav .bot { margin-top: 20px; width: 85px; height: 45px; }
.wrap .index .page2 ul li .nav .bot a { display: block; width: 100%; height: 100%; position: relative; border: 1px solid #999999; box-sizing: border-box; transition: all .5s ease; }
.wrap .index .page2 ul li .nav .bot a span { display: block; width: 7px; height: 11px; position: absolute; top: 50%; margin-top: -5.5px; left: 50%; margin-left: -3.5px; background: url(../images/index/more.png) no-repeat right center; transition: all .5s ease; }
.wrap .index .page2 ul li .nav .bot a:hover { border-color: #1d208a; }
.wrap .index .page2 ul li .nav .bot a:hover span { background-position: left center; }
.wrap .index .page2 ul li .nav .indexNews { margin-top: 20px; }
.wrap .index .page2 ul li .nav .indexNews a { display: block; width: 100%; height: 42px; border-bottom: 1px solid #eaeaea; }
.wrap .index .page2 ul li .nav .indexNews a span { display: block; width: 63.5%; float: left; font: normal 14px/42px 'microsoft yahei'; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .5s ease; }
.wrap .index .page2 ul li .nav .indexNews a em { display: block; float: right; font: normal 12px/42px 'microsoft yahei'; color: #d0d0d0; transition: all .5s ease; }
.wrap .index .page2 ul li .nav .indexNews a:hover span { color: #1d208a; }
.wrap .index .page2 ul li .nav .indexNews a:hover em { color: #1d208a; }
.wrap .index .page2 ul li:first-child { margin-left: 0; }
.wrap .allTitle { border-bottom: 1px solid #eaeaea; }
.wrap .allTitle .contain { height: 100%; height: 58px; }
.wrap .allTitle .left { float: left; width: 60%; height: 100%; }
.wrap .allTitle .left .titSwiper .swiper-wrapper .swiper-slide { width: auto; height: 57px; border-bottom: 2px solid transparent; margin-right: 35px; transition: all .5 ease; }
.wrap .allTitle .left .titSwiper .swiper-wrapper .swiper-slide a { display: block; height: 100%; font: normal 14px/57px 'microsoft yahei'; }
.wrap .allTitle .left .titSwiper .swiper-wrapper .swiper-slide:hover { border-color: #414594; }
.wrap .allTitle .left .titSwiper .swiper-wrapper .swiper-slide:hover a { font-weight: bold; color: #414594; }
.wrap .allTitle .left .titSwiper .swiper-wrapper .swiper-slide.cur { border-color: #414594; }
.wrap .allTitle .left .titSwiper .swiper-wrapper .swiper-slide.cur a { font-weight: bold; color: #414594; }
.wrap .allTitle .right { float: right; height: 100%; }
.wrap .allTitle .right p { height: 100%; background: url(../images/goHome.png) no-repeat left center; padding-left: 18px; }
.wrap .allTitle .right p a { font: normal 12px/58px 'microsoft yahei'; color: #999999; transition: all .5s ease; }
.wrap .allTitle .right p a:hover { color: #666666; }
.wrap .allTitle .right p a.cur { color: #666666; }
.wrap .allTitle .right p span { font: normal 12px/58px 'microsoft yahei'; color: #999999; }
.wrap .title p { font: bold 18px 'microsoft yahei'; color: #333333; text-align: center; }
.wrap .about .page1 .top { padding: 40px 0; font-size: 0; border-bottom: 1px solid #eaeaea; }
.wrap .about .page1 .top img { max-width: 100%; transition: all .5s ease; }
.wrap .about .page1 .top img:hover { transform: scale(0.9); }
.wrap .about .page1 .top p { font: normal 14px/24px 'microsoft yahei'; color: #666666; padding-top: 20px; }
.wrap .about .page1 .cen { padding: 40px 0; }
.wrap .about .page1 .cen .left { float: left; width: 47%; }
.wrap .about .page1 .cen .left ul { margin-bottom: 55px; }
.wrap .about .page1 .cen .left ul li { float: left; width: 43px; height: 48px; margin-right: 63px; text-align: center; font-size: 0; }
.wrap .about .page1 .cen .left ul li span { display: inline-block; width: 1px; margin-left: -1px; height: 100%; line-height: 100%; vertical-align: middle; }
.wrap .about .page1 .cen .left ul li img { display: inline-block; max-width: 100%; max-height: 100%; line-height: 100%; vertical-align: middle; transition: all .5s ease; }
.wrap .about .page1 .cen .left ul li:first-child { margin-left: 20px; }
.wrap .about .page1 .cen .left ul li:hover img { transform: rotate(45deg); }
.wrap .about .page1 .cen .left p { font: normal 14px/24px 'microsoft yahei'; color: #666666; }
.wrap .about .page1 .cen .left p.pc { margin-top: 20px; }
.wrap .about .page1 .cen .left p.pb { margin-top: 40px; }
.wrap .about .page1 .cen .right { float: right; width: 47%; overflow: hidden; }
.wrap .about .page1 .cen .right img { max-width: 100%; transition: all .5s ease; }
.wrap .about .page1 .cen .right img:hover { transform: scale(1.1); }
.wrap .about .page1 .cen .right p { font: normal 14px/24px 'microsoft yahei'; color: #666666; padding-top: 20px; }
.wrap .history .page1 { padding: 50px 0; }
.wrap .history .page1 .cen { margin-top: 50px; }
.wrap .history .page1 .cen ul { position: relative; }
.wrap .history .page1 .cen ul li { position: relative; padding-top: 25px; }
.wrap .history .page1 .cen ul li .nav { width: 45%; border: 1px solid #eaeaea; }
.wrap .history .page1 .cen ul li .nav p { width: 96%; min-height: 123px; background: url(../images/about/hiIcon1.png) no-repeat right 20px; padding: 2%; padding-right: 19px; }
.wrap .history .page1 .cen ul li .nav p span { display: block; font: bold 14px 'Arial'; color: #333333; position: absolute; top: 42px; left: 50%; transform: translateX(-50%); padding: 5px 0; background: #ffffff; z-index: 10; transition: all .5s ease; }
.wrap .history .page1 .cen ul li .nav p em { display: block; font: normal 18px 'microsoft yahei'; color: #333333; margin-top: 10px; transition: all .5s ease; }
.wrap .history .page1 .cen ul li .nav p i { display: block; font: normal 14px 'microsoft yahei'; color: #333333; margin-top: 10px; }
.wrap .history .page1 .cen ul li .nav p:hover span { color: #414594; }
.wrap .history .page1 .cen ul li .nav p:hover em { color: #414594; }
.wrap .history .page1 .cen ul li:nth-child(2n) .nav { margin-left: 55%; }
.wrap .history .page1 .cen ul li:nth-child(2n) .nav p { background: url(../images/about/hiIcon2.png) no-repeat left 20px; margin-left: -9px; }
.wrap .history .page1 .cen ul li:nth-child(2n) .nav p em { padding-left: 2%; }
.wrap .history .page1 .cen ul li:nth-child(2n) .nav p i { padding-left: 2%; }
.wrap .history .page1 .cen ul li:first-child { padding-top: 45px; }
.wrap .history .page1 .cen ul li:first-child .nav p span { top: 65px; }
.wrap .history .page1 .cen ul li:after { content: ''; position: absolute; top: 0; left: 50%; width: 3px; height: 100%; margin-left: -1.5px; background: #ea8300; }
.wrap .history .page1 .cen ul:before { content: ''; position: absolute; top: 0; left: 50%; width: 14px; height: 14px; background: #ea8300; transform: rotate(45deg); margin-left: -7px; }
.wrap .history .page1 .cen ul:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 14px; height: 14px; background: #ea8300; transform: rotate(45deg); margin-left: -7px; }
.wrap .culture .page1 { padding: 50px 0; }
.wrap .culture .page1 .top .nav { padding-top: 30px; border-top: 1px solid #eaeaea; margin-top: 30px; }
.wrap .culture .page1 .top .nav .left { float: left; width: 33%; }
.wrap .culture .page1 .top .nav .left ul li { margin-top: 40px; }
.wrap .culture .page1 .top .nav .left ul li span { display: block; font: bold 14px 'microsoft yahei'; color: #666666; transition: all .5s ease; }
.wrap .culture .page1 .top .nav .left ul li em { display: block; font: normal 14px 'microsoft yahei'; color: #888888; padding-top: 10px; }
.wrap .culture .page1 .top .nav .left ul li:hover span { color: #414594; }
.wrap .culture .page1 .top .nav .left ul li:first-child { margin-top: 0; }
.wrap .culture .page1 .top .nav .right { float: right; width: 50.4%; overflow: hidden; }
.wrap .culture .page1 .top .nav .right img { max-width: 100%; transition: all .5s ease; }
.wrap .culture .page1 .top .nav .right:hover img { transform: scale(1.1); }
.wrap .culture .page2 { padding: 50px 0; background: #f4f4f4; }
.wrap .culture .page2 .cen { position: relative; margin-top: 10px; }
.wrap .culture .page2 .cen .culSwiper .swiper-wrapper .swiper-slide { font-size: 0; }
.wrap .culture .page2 .cen .culSwiper .swiper-wrapper .swiper-slide a { display: block; overflow: hidden; }
.wrap .culture .page2 .cen .culSwiper .swiper-wrapper .swiper-slide a img { max-width: 100%; transition: all .5s ease; }
.wrap .culture .page2 .cen .culSwiper .swiper-wrapper .swiper-slide a:hover img { transform: scale(1.1); }
.wrap .culture .page2 .cen .culPrev { width: 57px; height: 95px; background: rgba(88, 89, 98, 0.6); margin-top: -47.5px; left: -7%; transform: scale(0.6); }
.wrap .culture .page2 .cen .culPrev span { display: block; width: 18px; height: 30px; background: url(../images/prev.png) no-repeat left center; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -9px; transition: all .5s ease; }
.wrap .culture .page2 .cen .culPrev:hover span { background-position: right center; }
.wrap .culture .page2 .cen .culNext { width: 57px; height: 95px; background: rgba(88, 89, 98, 0.6); margin-top: -47.5px; right: -7%; transform: scale(0.6); }
.wrap .culture .page2 .cen .culNext span { display: block; width: 18px; height: 30px; background: url(../images/next.png) no-repeat right center; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -9px; transition: all .5s ease; }
.wrap .culture .page2 .cen .culNext:hover span { background-position: left center; }
.wrap .honor .page1 { padding: 50px 0; }
.wrap .honor .page1 .top { padding-top: 20px; border-top: 1px solid #eaeaea; margin-top: 30px; position: relative; }
.wrap .honor .page1 .top .hoSwiper1 .swiper-wrapper .swiper-slide a { display: block; font-size: 0; }
.wrap .honor .page1 .top .hoSwiper1 .swiper-wrapper .swiper-slide a img { max-width: 100%; }
.wrap .honor .page1 .top .hoPrev1 { width: 57px; height: 95px; background: rgba(88, 89, 98, 0.6); margin-top: -47.5px; left: -7%; transform: scale(0.6); }
.wrap .honor .page1 .top .hoPrev1 span { display: block; width: 18px; height: 30px; background: url(../images/prev.png) no-repeat left center; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -9px; transition: all .5s ease; }
.wrap .honor .page1 .top .hoPrev1:hover span { background-position: right center; }
.wrap .honor .page1 .top .hoNext1 { width: 57px; height: 95px; background: rgba(88, 89, 98, 0.6); margin-top: -47.5px; right: -7%; transform: scale(0.6); }
.wrap .honor .page1 .top .hoNext1 span { display: block; width: 18px; height: 30px; background: url(../images/next.png) no-repeat right center; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -9px; transition: all .5s ease; }
.wrap .honor .page1 .top .hoNext1:hover span { background-position: left center; }
.wrap .honor .page2 { padding: 50px 0; background: #f4f4f4; }
.wrap .honor .page2 .top { position: relative; }
.wrap .honor .page2 .top .hoSwiper2 .swiper-wrapper .swiper-slide a { display: block; font-size: 0; }
.wrap .honor .page2 .top .hoSwiper2 .swiper-wrapper .swiper-slide a img { max-width: 100%; }
.wrap .honor .page2 .top .hoPrev2 { width: 57px; height: 95px; background: rgba(88, 89, 98, 0.6); margin-top: -47.5px; left: -7%; transform: scale(0.6); }
.wrap .honor .page2 .top .hoPrev2 span { display: block; width: 18px; height: 30px; background: url(../images/prev.png) no-repeat left center; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -9px; transition: all .5s ease; }
.wrap .honor .page2 .top .hoPrev2:hover span { background-position: right center; }
.wrap .honor .page2 .top .hoNext2 { width: 57px; height: 95px; background: rgba(88, 89, 98, 0.6); margin-top: -47.5px; right: -7%; transform: scale(0.6); }
.wrap .honor .page2 .top .hoNext2 span { display: block; width: 18px; height: 30px; background: url(../images/next.png) no-repeat right center; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -9px; transition: all .5s ease; }
.wrap .honor .page2 .top .hoNext2:hover span { background-position: left center; }
.wrap .allLeft { float: left; width: 24.5%; }
.wrap .allLeft .top { width: 100%; height: 74px; background: url(../images/left.png) no-repeat center/cover; }
.wrap .allLeft .top p { width: 100%; font: normal 18px/74px 'microsoft yahei'; text-indent: 25px; color: #ffffff; }
.wrap .allLeft .cen ul { padding: 15px 0; background: #f5f5f5; }
.wrap .allLeft .cen ul li { width: 100%; height: 40px; box-sizing: border-box; }
.wrap .allLeft .cen ul li a { display: block; font: normal 14px/40px 'microsoft yahei'; color: #666666; text-indent: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: color .5s ease; }
.wrap .allLeft .cen ul li:hover { background: #ffffff; border-left: 4px solid #08097b; }
.wrap .allLeft .cen ul li:hover a { font-weight: bold; text-indent: 21px; color: #08097b; }
.wrap .allLeft .cen ul li.cur { background: #ffffff; border-left: 4px solid #08097b; }
.wrap .allLeft .cen ul li.cur a { font-weight: bold; text-indent: 21px; color: #08097b; }
.wrap .allLeft .cen .leftSwiper { padding: 15px 0; background: #f5f5f5; }
.wrap .allLeft .cen .leftSwiper .swiper-wrapper { display: block; }
.wrap .allLeft .cen .leftSwiper .swiper-wrapper .swiper-slide { width: 100%; height: 40px; box-sizing: border-box; }
.wrap .allLeft .cen .leftSwiper .swiper-wrapper .swiper-slide a { display: block; font: normal 14px/40px 'microsoft yahei'; color: #666666; text-indent: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: color .5s ease; }
.wrap .allLeft .cen .leftSwiper .swiper-wrapper .swiper-slide:hover { background: #ffffff; border-left: 4px solid #08097b; }
.wrap .allLeft .cen .leftSwiper .swiper-wrapper .swiper-slide:hover a { font-weight: bold; text-indent: 21px; color: #08097b; }
.wrap .allLeft .cen .leftSwiper .swiper-wrapper .swiper-slide.cur { background: #ffffff; border-left: 4px solid #08097b; }
.wrap .allLeft .cen .leftSwiper .swiper-wrapper .swiper-slide.cur a { font-weight: bold; text-indent: 21px; color: #08097b; }
.wrap .allRight { float: right; width: 68%; }
.wrap .shares { padding-bottom: 40px; float: right; margin-right: 9%; }
.wrap .shares span { display: block; font: normal 14px/25px 'microsoft yahei'; color: #888888; float: left; margin-top: 5px; }
.wrap .shares .bdsharebuttonbox { display: inline-block; }
.wrap .shares .bdsharebuttonbox a { width: 32px; height: 25px; }
.wrap .shares .bdsharebuttonbox a.bds_more { display: none; }
.wrap .shares .bdsharebuttonbox a.bds_tqq { background: url(../images/share1.png) no-repeat center; }
.wrap .shares .bdsharebuttonbox a.bds_qzone { background: url(../images/share2.png) no-repeat center; }
.wrap .shares .bdsharebuttonbox a.bds_sqq { background: url(../images/share3.png) no-repeat center; }
.wrap .shares .bdsharebuttonbox a.bds_tsina { background: url(../images/share4.png) no-repeat center; }
.wrap .product { padding: 40px 0; }
.wrap .product .pageT { width: 100%; padding: 40px 0; }
.wrap .product .pageT .cont { width: 100%; position: relative; }
.wrap .product .pageT .cont .ptSwiper { width: 100%; }
.wrap .product .pageT .cont .ptSwiper a { display: block; width: 100%; height: 100%; }
.wrap .product .pageT .cont .ptSwiper a .pt { height: 242px; border: 1px solid #eaeaea; font-size: 0; text-align: center; transition: all .5s ease; }
.wrap .product .pageT .cont .ptSwiper a .pt span { display: inline-block; width: 1px; height: 100%; line-height: 100%; vertical-align: middle; margin-left: -1px; }
.wrap .product .pageT .cont .ptSwiper a .pt img { display: inline-block; max-width: 100%; max-height: 100%; line-height: 100%; vertical-align: middle; transition: all .5s ease; transform: translateZ(0px); }
.wrap .product .pageT .cont .ptSwiper a .pb { height: 54px; }
.wrap .product .pageT .cont .ptSwiper a .pb span { display: block; font: normal 14px/54px 'microsoft yahei'; color: #333333; transition: all .5s ease; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wrap .product .pageT .cont .ptSwiper a:hover .pt { border-color: #08097b; }
.wrap .product .pageT .cont .ptSwiper a:hover .pt img { transform: scale(.9); }
.wrap .product .pageT .cont .ptSwiper a:hover .pb span { color: #08097b; }
.wrap .product .pageT .cont .ptPrev { width: 47px; height: 86px; left: 0; margin-top: -86px; background: rgba(0,0,0,.3); transition: all .5s ease; }
.wrap .product .pageT .cont .ptPrev span { display: block; width: 18px; height: 30px; position: absolute; top: 50%; margin-top: -15px; left: 50%; margin-left: -9px; background: url(../images/prev.png) no-repeat left center; transition: all .5s ease; }
.wrap .product .pageT .cont .ptNext { width: 47px; height: 86px; right: 0; margin-top: -86px; background: rgba(0,0,0,.3); transition: all .5s ease; }
.wrap .product .pageT .cont .ptNext span { display: block; width: 18px; height: 30px; position: absolute; top: 50%; margin-top: -15px; left: 50%; margin-left: -9px; background: url(../images/next.png) no-repeat right center; transition: all .5s ease; }
.wrap .product .pageT .cont .ptPrev:hover span { background-position: right; }
.wrap .product .pageT .cont .ptNext:hover span { background-position: left; }

.wrap .product .pageTab { background: #f5f5f5; padding: 40px; /*min-height: 307px;*/ }
.wrap .product .pageTab .tabs ul li { background: url(../images/slash.png) no-repeat left center; float: left; position: relative; }
.wrap .product .pageTab .tabs ul li:last-child:after { content: ''; position: absolute; right: 0; top: 4px; width: 13px; height: 13px; background: url(../images/slash.png) no-repeat right center; }
.wrap .product .pageTab .tabs ul li a { display: block; font: normal 14px 'microsoft yahei'; color: #888888; padding: 0 14px 0 24px; transition: all .5s ease; }
.wrap .product .pageTab .tabs ul li:last-child a { padding-right: 24px; }
.wrap .product .pageTab .tabs ul li:hover a { color: #08097b; font-weight: bold; }
.wrap .product .pageTab .tabs ul li.cur a { color: #08097b; font-weight: bold; }
.wrap .product .pageTab .tabsNav { padding-top: 40px; }
.wrap .product .pageTab .tabsNav .tent { display: none; }

.wrap .product .page1 .top p { font: bold 16px 'microsoft yahei'; color: #333333; text-indent: 10px; border-left: 4px solid #333333; }
.wrap .product .page1 .top span { display: block; margin-top: 18px; }
.wrap .product .page1 .top span em { display: block; width: 48%; height: 1px; background: #eaeaea; float: left; margin-left: 4%; }
.wrap .product .page1 .top span em:first-child { margin-left: 0; }
.wrap .product .page1 .cen { padding: 15px 0; }
.wrap .product .page1 .cen ul li { width: 100%; border-bottom: 2px solid #eaeaea; margin-bottom: 30px; }
.wrap .product .page1 .cen ul li p { width: 48%; float: left; margin-left: 4%; }
.wrap .product .page1 .cen ul li p a { display: block; }
.wrap .product .page1 .cen ul li p a span { display: block; width: 100%; box-sizing: border-box; transition: all .5s ease; }
.wrap .product .page1 .cen ul li p a span.spanT { height: 242px; border: 1px solid #eaeaea; font-size: 0; text-align: center; }
.wrap .product .page1 .cen ul li p a span.spanT em { display: inline-block; width: 1px; margin-left: -1px; height: 100%; line-height: 100%; vertical-align: middle; }
.wrap .product .page1 .cen ul li p a span.spanT img { display: inline-block; max-width: 100%; max-height: 100%; line-height: 100%; vertical-align: middle; transition: all .5s ease; }
.wrap .product .page1 .cen ul li p a span.spanB { height: 54px; }
.wrap .product .page1 .cen ul li p a span.spanB em { display: block; font: normal 14px/54px 'microsoft yahei'; color: #333333; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .5s ease; }
.wrap .product .page1 .cen ul li p a:hover span.spanT { border-color: #08097b; }
.wrap .product .page1 .cen ul li p a:hover span.spanT img { transform: scale(0.9); }
.wrap .product .page1 .cen ul li p a:hover span.spanB em { color: #08097b; }
.wrap .product .page1 .cen ul li p:first-child { margin-left: 0; }
.wrap .proDetail { padding: 40px 0; }
.wrap .proDetail .top { width: 100%; height: 100%; }
.wrap .proDetail .top .nav { width: 100%; height: 100%; position: relative; }
.wrap .proDetail .top .nav .left { position: absolute; width: 50%; height: 100%; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; box-sizing: border-box; }
.wrap .proDetail .top .nav .left a { display: block; width: 100%; height: 100%; font-size: 0; text-align: center; }
.wrap .proDetail .top .nav .left a em { display: inline-block; width: 1px; margin-left: -1px; height: 100%; line-height: 100%; vertical-align: middle; }
.wrap .proDetail .top .nav .left a img { display: inline-block; max-width: 100%; max-height: 100%; line-height: 100%; vertical-align: middle; }
.wrap .proDetail .top .nav .right { float: right; width: 50%; background: #f5f5f5; min-height: 544px; }
.wrap .proDetail .top .nav .right p { padding: 0 9%; padding-top: 60px; padding-bottom: 285px; }
.wrap .proDetail .top .nav .right p span { display: block; font: bold 18px 'microsoft yahei'; color: #333333; padding-bottom: 25px; }
.wrap .proDetail .top .nav .right p em { display: block; font: bold 14px 'microsoft yahei'; color: #666666; padding-bottom: 10px; }
.wrap .proDetail .top .nav .right p i { display: block; font: normal 14px/30px 'microsoft yahei'; color: #666666; }
.wrap .proDetail .cen { margin-top: 40px; }
.wrap .proDetail .cen .cTop { padding-bottom: 15px; border-bottom: 1px solid #eaeaea; }
.wrap .proDetail .cen .cTop ul li { background: url(../images/slash.png) no-repeat left center; float: left; position: relative; }
.wrap .proDetail .cen .cTop ul li a { display: block; font: normal 14px 'microsoft yahei'; color: #888888; padding: 0 14px 0 24px; transition: all .5s ease; }
.wrap .proDetail .cen .cTop ul li:last-child:after { content: ''; position: absolute; right: 0; top: 4px; width: 13px; height: 13px; background: url(../images/slash.png) no-repeat right center; }
.wrap .proDetail .cen .cTop ul li:last-child a { padding-right: 24px; }
.wrap .proDetail .cen .cTop ul li:hover a { font-weight: bold; color: #08097b; }
.wrap .proDetail .cen .cTop ul li.cur a { font-weight: bold; color: #08097b; }
.wrap .proDetail .cen .cNav { margin-top: 15px; }
.wrap .proDetail .cen .cNav .content { text-align: center; display: none; }
.wrap .proDetail .cen .cNav .content.content1 img { max-width: 100%; }
.wrap .proDetail .cen .cNav .content.content1 p { font: normal 14px/24px 'microsoft yahei'; color: #666666; text-align: left; }
.wrap .proDetail .cen .cNav .content.content2 table { border: 1px solid #eaeaea; width: 100%; table-layout: fixed; border-collapse: collapse; }
.wrap .proDetail .cen .cNav .content.content2 table tr { width: 100%; height: 48px; border-bottom: 1px solid #eaeaea; }
.wrap .proDetail .cen .cNav .content.content2 table tr td { font: normal 14px 'microsoft yahei'; color: #666666; border-right: 1px solid #eaeaea; text-align: left; }
.wrap .proDetail .cen .cNav .content.content2 table tr td:first-child { width: 20%; text-indent: 5%; }
.wrap .proDetail .cen .cNav .content.content2 table tr td:last-child { text-indent: 15%; }
.wrap .industry { padding: 40px 0 0 0; }
.wrap .industry .page1 .top { padding-bottom: 15px; border-bottom: 1px solid #eaeaea; }
.wrap .industry .page1 .top p { font: bold 18px 'microsoft yahei'; color: #333333; text-align: center; }
.wrap .industry .page1 .cen { margin-top: 30px; height: 100%; position: relative; }
.wrap .industry .page1 .cen .left { width: 50%; height: 100%; position: absolute; font-size: 0; }
.wrap .industry .page1 .cen .left span { display: inline-block; width: 1px; margin-left: -1px; height: 100%; line-height: 100%; vertical-align: middle; }
.wrap .industry .page1 .cen .left img { display: inline-block; max-width: 100%; height: 100%; object-fit: cover; vertical-align: middle; }
.wrap .industry .page1 .cen .right { float: right; min-height: 200px; width: 50%; background: #eaeaea; }
.wrap .industry .page1 .cen .right p { font: normal 14px/24px 'microsoft yahei'; color: #666666; padding: 0 6%; padding-top: 35px; }
.wrap .industry .page1 .cen .right p span { display: block; }
.wrap .industry .page1 .cen .right p em { display: block; margin-top: 15px; }
.wrap .industry .page1 .bot { margin-top: 35px; }
.wrap .industry .page1 .bot .bTop { padding-bottom: 15px; border-bottom: 1px solid #eaeaea; }
.wrap .industry .page1 .bot .bTop ul li { background: url(../images/slash.png) no-repeat left center; float: left; position: relative; }
.wrap .industry .page1 .bot .bTop ul li a { display: block; font: normal 14px 'microsoft yahei'; color: #888888; padding: 0 14px 0 24px; transition: all .5s ease; }
.wrap .industry .page1 .bot .bTop ul li:last-child:after { content: ''; position: absolute; right: 0; top: 4px; width: 13px; height: 13px; background: url(../images/slash.png) no-repeat right center; }
.wrap .industry .page1 .bot .bTop ul li:last-child a { padding-right: 24px; }
.wrap .industry .page1 .bot .bTop ul li:hover a { font-weight: bold; color: #08097b; }
.wrap .industry .page1 .bot .bTop ul li.cur a { font-weight: bold; color: #08097b; }
.wrap .industry .page1 .bot .bNav { margin-top: 30px; }
.wrap .industry .page1 .bot .bNav .content { display: none; }
.wrap .industry .page1 .bot .bNav .content .content {display: block !important;}
.wrap .industry .page1 .bot .bNav .content .left { float: left; width: 50%; }
.wrap .industry .page1 .bot .bNav .content .left p span { display: block; font: normal 14px 'microsoft yahei'; color: #666666; }
.wrap .industry .page1 .bot .bNav .content .left p em { display: block; margin-top: 15px; font: normal 14px 'microsoft yahei'; color: #666666; }
.wrap .industry .page1 .bot .bNav .content .right { float: right; width: 50%; text-align: center; }
.wrap .industry .page1 .bot .bNav .content .right img { max-width: 100%; max-height: 100%; }
.wrap .industry .page2 { margin-top: 40px; padding: 40px 0; background: #f5f5f5; }
.wrap .industry .page2 .cen { margin-top: 25px; }
.wrap .industry .page2 .cen .nav ul li { float: left; width: 33.3%; padding-top: 15px; border-top: 2px solid #eaeaea; margin-bottom: 20px; }
.wrap .industry .page2 .cen .nav ul li a { display: block; width: 96%; float: left; }
.wrap .industry .page2 .cen .nav ul li a p.pt { font-size: 0; height: 237px; overflow: hidden; }
.wrap .industry .page2 .cen .nav ul li a p.pt span { display: inline-block; width: 1px; margin-left: -1px; height: 100%; line-height: 100%; vertical-align: middle; }
.wrap .industry .page2 .cen .nav ul li a p.pt img { display: inline-block; max-width: 100%; max-height: 100%; line-height: 100%; vertical-align: middle; transition: all .5s ease; }
.wrap .industry .page2 .cen .nav ul li a p.pb { border-bottom: 1px solid #eaeaea; }
.wrap .industry .page2 .cen .nav ul li a p.pb span { display: block; font: normal 14px/50px 'microsoft yahei'; color: #333333; text-align: center; height: 50px; transition: all .5s ease; }
.wrap .industry .page2 .cen .nav ul li a:hover p.pt img { transform: scale(1.1); }
.wrap .industry .page2 .cen .nav ul li a:hover p.pb span { color: #1b2188; }
.wrap .industry .page2 .cen .nav ul li:nth-child(2n) a { float: none; margin: 0 auto; }
.wrap .industry .page2 .cen .nav ul li:nth-child(3n) a { float: right; }
.wrap .industry .page2 .cen .nav ul li:nth-child(3n+1) a { float: left; }
.wrap .industry .page2 .cen .nav ul li:nth-child(3n+2) a { float: none; margin: 0 auto; }
.wrap .news { padding: 40px 0; }
.wrap .news .page1 .cen ul { padding-bottom: 40px; }
.wrap .news .page1 .cen ul li { padding: 20px 0; border-bottom: 1px solid #eaeaea; }
.wrap .news .page1 .cen ul li a { display: block; width: 100%; height: 100%; position: relative; }
.wrap .news .page1 .cen ul li a p.pl { float: left; width: 15.2%; height: 120px; font-size: 0; overflow: hidden; }
.wrap .news .page1 .cen ul li a p.pl span { display: inline-block; width: 1px; margin-left: -1px; height: 100%; line-height: 100%; vertical-align: middle; }
.wrap .news .page1 .cen ul li a p.pl img { display: inline-block; max-width: 100%; max-height: 100%; line-height: 100%; vertical-align: middle; transition: all .5s ease; }
.wrap .news .page1 .cen ul li a p.pr { float: right; width: 82%; padding-top: 20px; }
.wrap .news .page1 .cen ul li a p.pr span { display: block; font: normal 16px 'microsoft yahei'; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .5s ease; }
.wrap .news .page1 .cen ul li a p.pr em { display: block; font: normal 12px 'microsoft yahei'; color: #999999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 5px; }
.wrap .news .page1 .cen ul li a p.pr i { display: block; font: normal 14px 'microsoft yahei'; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 10px; }
.wrap .news .page1 .cen ul li a:hover p.pl img { transform: scale(1.1); }
.wrap .news .page1 .cen ul li a:hover p.pr span { color: #414594; }
.wrap .newsDetail { padding: 40px 0; }
.wrap .newsDetail .page1 .contain { position: relative; }
.wrap .newsDetail .page1 .top { padding-bottom: 45px; border-bottom: 1px solid #eaeaea; }
.wrap .newsDetail .page1 .top p { font: bold 24px 'microsoft yahei'; color: #333333; }
.wrap .newsDetail .page1 .top span { display: block; font: normal 12px 'microsoft yahei'; color: #b9b9b9; padding-top: 25px; }
.wrap .newsDetail .page1 .cen { padding-top: 30px; }
.wrap .newsDetail .page1 .cen p { font: normal 14px/24px 'microsoft yahei'; color: #b9b9b9; }
.wrap .newsDetail .page1 .cen img { padding: 45px 0 20px 0; max-width: 100%; }

.wrap .newsDetail .page1 .botA { position: absolute; left: 0; bottom: 0; }
.wrap .newsDetail .page1 .botA a { display: inline-block; padding: 10px 20px; font: normal 14px 'microsoft yahei'; color: #666666; background: #f5f5f5; transition: all .5s ease; }
.wrap .newsDetail .page1 .botA a:hover { color: #ffffff; background: #1b2188; }

.wrap .newsDetail .page1 .bot { padding-top: 90px; }
.wrap .newsDetail .page1 .bot .bshare { width: 225px; margin: 0 auto; }
.wrap .newsDetail .page1 .bot .bshare span { font: normal 12px/56px 'microsoft yahei'; color: #666666; float: left; padding-right: 10px; }
.wrap .newsDetail .page1 .bot .bshare .bdsharebuttonbox a { width: 48px; height: 48px; margin-right: 10px; }
.wrap .newsDetail .page1 .bot .bshare .bdsharebuttonbox a.bds_more { display: none; }
.wrap .newsDetail .page1 .bot .bshare .bdsharebuttonbox a.bds_weixin { background: url(../images/news/wechat.png) no-repeat center; }
.wrap .newsDetail .page1 .bot .bshare .bdsharebuttonbox a.bds_tsina { background: url(../images/news/weibo.png) no-repeat center; }
.wrap .newsDetail .page1 .bot .bshare .bdsharebuttonbox a.bds_qzone { background: url(../images/news/qzone.png) no-repeat center; }
.wrap .service { padding-top: 40px; }
.wrap .service .page1 .top .left { float: left; width: 35%; text-align: center; }
.wrap .service .page1 .top .left img { max-width: 100%; }
.wrap .service .page1 .top .right { float: right; width: 65%; padding-top: 50px; }
.wrap .service .page1 .top .right p { font: bold 18px 'microsoft yahei'; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wrap .service .page1 .top .right span { display: block; font: normal 14px 'microsoft yahei'; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 15px; }
.wrap .service .page1 .top .right em { display: block; display: -webkit-box; padding-right: 20px; font: normal 14px/24px 'microsoft yahei'; color: #888888; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.wrap .service .page1 .cen { padding-top: 35px; }
.wrap .service .page1 .cen ul li { float: left; width: 32%; margin-left: 2%; }
.wrap .service .page1 .cen ul li a { display: block; }
.wrap .service .page1 .cen ul li a p.pt { height: 220px; font-size: 0; overflow: hidden; }
.wrap .service .page1 .cen ul li a p.pt span { display: inline-block; width: 1px; margin-left: -1px; height: 100%; line-height: 100%; vertical-align: middle; }
.wrap .service .page1 .cen ul li a p.pt img { display: inline-block; /* max-width: 100%; max-height: 100%;*/ width: 100%; height: 100%; object-fit: cover; line-height: 100%; vertical-align: middle; transition: all .5s ease; }
.wrap .service .page1 .cen ul li a p.pb { height: 135px; border: 1px solid #eaeaea; border-top: 0; box-sizing: border-box; }
.wrap .service .page1 .cen ul li a p.pb span { display: block; font: normal 14px 'microsoft yahei'; color: #333333; padding: 0 20px; padding-top: 20px; transition: all .5s ease; }
.wrap .service .page1 .cen ul li a p.pb em { display: block; display: -webkit-box; height: 72px; font: normal 14px/24px 'microsoft yahei'; color: #888888; padding: 0 20px; padding-top: 5px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.wrap .service .page1 .cen ul li a:hover p.pt img { transform: scale(1.1); }
.wrap .service .page1 .cen ul li a:hover p.pb span { color: #414594; }
.wrap .service .page1 .cen ul li:first-child { margin-left: 0; }
.wrap .service .page2 { padding: 40px 0; background: #f5f5f5; margin-top: 30px; }
.wrap .service .page2 .top p { font: bold 18px 'microsoft yahei'; color: #333333; text-align: center; }
.wrap .service .page2 .cen { margin-top: 30px; }
.wrap .service .page2 .cen img { max-width: 100%; }
.wrap .service .page2 .cen img.moImg { display: none; }
.wrap .process { padding: 40px 0; }
.wrap .process .page1 .cen { margin-top: 20px; border-top: 1px solid #eaeaea; font-size: 0; }
.wrap .process .page1 .cen img { padding-top: 30px; max-width: 100%; }
.wrap .downs { padding: 40px 0; }
.wrap .downs .cen { margin-top: 20px; border-top: 1px solid #eaeaea; }
.wrap .downs .cen ul { padding-bottom: 40px; }
.wrap .downs .cen ul li { padding: 20px 0; position: relative; border-bottom: 1px solid #eaeaea; }
.wrap .downs .cen ul li p.pl { float: left; width: 74%; }
.wrap .downs .cen ul li p.pl a { display: block; }
.wrap .downs .cen ul li p.pl a span { display: block; font: bold 14px 'microsoft yahei'; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 20px; transition: all .5s ease; }
.wrap .downs .cen ul li p.pl a em { display: block; font: normal 12px 'microsoft yahei'; color: #888888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 20px; padding-top: 10px; }
.wrap .downs .cen ul li p.pl a:hover span { color: #08097b; }
.wrap .downs .cen ul li p.pr { position: absolute; right: 0; top: 20px; }
.wrap .downs .cen ul li p.pr a { font: normal 14px 'microsoft yahei'; color: #08097b; background: url(../images/service/downs.png) no-repeat left center; padding-left: 30px; }
.wrap .contact { padding: 40px 0; }
.wrap .contact .cen { margin-top: 20px; border-top: 1px solid #eaeaea; padding-top: 30px; }
.wrap .contact .cen .left { float: left; width: 45%; }
.wrap .contact .cen .left p { font: normal 16px 'microsoft yahei'; color: #333333; }
.wrap .contact .cen .left span { display: block; font: normal 14px 'microsoft yahei'; color: #666666; padding-top: 15px; }
.wrap .contact .cen .right { float: right; width: 55%; }
.wrap .join { padding: 40px 0; }
.wrap .join .cen { margin-top: 20px; border-top: 1px solid #eaeaea; padding-top: 30px; height: 100%; }
.wrap .join .cen .nav { margin-bottom: 20px; position: relative; }
.wrap .join .cen .nav .left { float: left; width: 20%; height: 100%; border: 1px solid #eaeaea; box-sizing: border-box; border-right: 0; position: absolute; height: 100%; }
.wrap .join .cen .nav .left p { padding-top: 30px; padding-left: 30px; }
.wrap .join .cen .nav .left p span { display: block; font: normal 18px 'microsoft yahei'; color: #333333; }
.wrap .join .cen .nav .left p a { display: inline-block; font: normal 12px 'microsoft yahei'; color: #ffffff; padding: 9px 15px; background: #08097b; border-radius: 5px; margin-top: 10px; }
.wrap .join .cen .nav .left p em { display: block; font: normal 12px 'microsoft yahei'; color: #888888; margin-top: 10px; }
.wrap .join .cen .nav .right { min-height: 160px; float: right; width: 80%; border: 1px solid #eaeaea; box-sizing: border-box; }
.wrap .join .cen .nav .right dl { padding: 30px; }
.wrap .join .cen .nav .right dl dt { font: normal 14px 'microsoft yahei'; color: #333333; }
.wrap .join .cen .nav .right dl dd { font: normal 14px 'microsoft yahei'; color: #333333; padding-top: 5px; }
.wrap .join .cen .nav .right dl:first-child { padding-bottom: 0; }
.wrap .messages { padding: 40px 0; }
.wrap .messages .cen { margin-top: 20px; border-top: 1px solid #eaeaea; padding-top: 30px; }
.wrap .messages .cen p { font: normal 12px 'microsoft yahei'; color: #888888; }
.wrap .messages .cen .forms { margin-top: 30px; }
.wrap .messages .cen .forms input { width: 49.5%; float: left; height: 46px; border: 1px solid #eaeaea; box-sizing: border-box; margin-bottom: 10px; margin-left: 1%; font: normal 14px 'microsoft yahei'; text-indent: 20px; }
.wrap .messages .cen .forms input::webkit-placeholder { font: normal 14px 'microsoft yahei'; color: #666666; text-indent: 20px; }
.wrap .messages .cen .forms input:moz-placeholder { font: normal 14px 'microsoft yahei'; color: #666666; text-indent: 20px; }
.wrap .messages .cen .forms input:ms-placeholder { font: normal 14px 'microsoft yahei'; color: #666666; text-indent: 20px; }
.wrap .messages .cen .forms input:nth-child(2n+1) { margin-left: 0; }
.wrap .messages .cen .forms textarea { width: 100%; height: 220px; padding-top: 10px; border: 1px solid #eaeaea; resize: none; font: normal 14px 'microsoft yahei'; color: #666666; text-indent: 20px; }
.wrap .messages .bot { margin-top: 20px; }
.wrap .messages .bot a { display: inline-block; width: 126px; height: 46px; font: bold 16px/46px 'microsoft yahei'; color: #ffffff; text-align: center; background: #08097b; border-radius: 5px; transition: all .5s ease; }
.wrap .messages .bot a:hover { transform: scale(0.9); }
.wrap .messages .bot span { padding-left: 15px; font: normal 12px 'microsoft yahei'; color: #888888; }

.culPop { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 111; display: none; }
.culPop .popBg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: .6; }
.culPop .width { height: 100%; position: relative; }
.culPop .nav { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; }

.deSwiperT { padding: 20px; height: 342px; margin-top: 10px; border: 1px solid #eaeaea;}
.proSn { position: relative; width: 100%; }
.deSwiperB { width: 95%; height: 110px; margin: 0 auto; margin-top: 20px; }
.deSwiperB .swiper-slide { border: 1px solid #eaeaea; box-sizing: border-box; }
.proSn .dePrevB { width: 57px; height: 95px; background: rgba(88, 89, 98, 0.6); margin-top: -47.5px; left: -25px; transform: scale(.3); }
.proSn .dePrevB span { display: block; width: 18px; height: 30px; background: url(../images/prev.png) no-repeat left center; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -9px; transition: all .5s ease; }

.proSn .deNextB { width: 57px; height: 95px; background: rgba(88, 89, 98, 0.6); margin-top: -47.5px; right: -25px; transform: scale(.3); }
.proSn .deNextB span { display: block; width: 18px; height: 30px; background: url(../images/next.png) no-repeat left center; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -9px; transition: all .5s ease; }



@media screen and (max-width: 1440px) { .indexBanner .bannerSwiper .bannerPrev { left: 1%; }
  .indexBanner .bannerSwiper .bannerNext { right: 1%; } }
@media screen and (max-width: 1333px) { .indexBanner .bannerSwiper .bannerPrev { left: 1%; }
  .indexBanner .bannerSwiper .bannerNext { right: 1%; }
  .wrap .index .page1 .top .topPrev, .wrap .index .page1 .top .botPrev, .wrap .index .page1 .bot .topPrev, .wrap .index .page1 .bot .botPrev { left: 0; }
  .wrap .index .page1 .top .topNext, .wrap .index .page1 .top .botNext, .wrap .index .page1 .bot .topNext, .wrap .index .page1 .bot .botNext { right: 0; }
  .wrap .culture .page2 .cen .culPrev { left: 0; }
  .wrap .culture .page2 .cen .culNext { right: 0; }
  .wrap .honor .page1 .top .hoPrev1 { left: 0; }
  .wrap .honor .page1 .top .hoNext1 { right: 0; }
  .wrap .honor .page2 .top .hoPrev2 { left: 0; }
  .wrap .honor .page2 .top .hoNext2 { right: 0; } }
@media screen and (max-width: 1280px) { .wrap .about .page1 .cen .left ul li { margin-right: 25px; }.wrap .allTitle .right {display: none;} }
@media screen and (max-width: 1024px) { .wrap .index .page1 .top .nav .topSwiper .swiper-wrapper .swiper-slide a p.pt, .wrap .index .page1 .top .nav .botSwiper .swiper-wrapper .swiper-slide a p.pt, .wrap .index .page1 .bot .nav .topSwiper .swiper-wrapper .swiper-slide a p.pt, .wrap .index .page1 .bot .nav .botSwiper .swiper-wrapper .swiper-slide a p.pt { height: 194px; }
  .wrap .industry .page2 .cen .nav ul li a p.pt { height: 194px; } }
@media screen and (max-width: 1000px) { .indexBanner .bannerSwiper .swiper-slide a .width { margin-left: -47.5%; }
  .wrap .history .page1 .cen ul li .nav { width: 40%; }
  .wrap .history .page1 .cen ul li .nav p { padding-right: 17px; }
  .wrap .history .page1 .cen ul li:nth-child(2n) .nav { margin-left: 60%; } }
@media screen and (max-width: 880px) { .wrap .allTitle .right { display: none; }
  .wrap .proDetail .top .nav .right p { padding-bottom: 30px; } }
@media screen and (max-width: 860px) { .wrap .about .page1 .cen .left ul li { width: 20%; margin-right: 0; }
  .wrap .about .page1 .cen .left ul li:first-child { margin-left: 0; }
  .wrap .about .page1 .cen .left p.pc { margin-top: 10px; }
  .wrap .about .page1 .cen .left p.pb { margin-top: 10px; }
  .wrap .news .page1 .cen ul li a p.pl { width: 25%; }
  .wrap .news .page1 .cen ul li a p.pr { width: 70%; } }
@media screen and (max-width: 768px) { .wrap { margin-top: 60px; }
  .wrap .index .page1 .top .nav .topSwiper .swiper-wrapper .swiper-slide a p.pt, .wrap .index .page1 .top .nav .botSwiper .swiper-wrapper .swiper-slide a p.pt, .wrap .index .page1 .bot .nav .topSwiper .swiper-wrapper .swiper-slide a p.pt, .wrap .index .page1 .bot .nav .botSwiper .swiper-wrapper .swiper-slide a p.pt { height: 146px; }
  .wrap .allTitle .left { width: 100%; }
  .wrap .allTitle .right { display: none; }
  .wrap .culture .page1 .top .nav .left { width: 100%; }
  .wrap .culture .page1 .top .nav .right { width: 100%; margin-top: 40px; }
  .wrap .allLeft { width: 100%; }
  .wrap .allLeft .cen .leftSwiper .swiper-wrapper { display: flex; }
  .wrap .allLeft .cen .leftSwiper .swiper-wrapper .swiper-slide { width: auto; margin-left: 20px; padding-right: 20px; }
  .wrap .allRight { width: 100%; margin-top: 20px; }
  .wrap .industry .page1 .bot .bNav .content .left { width: 100%; }
  .wrap .industry .page1 .bot .bNav .content .right { width: 100%; margin-top: 20px; }
  .wrap .industry .page2 .cen .nav ul li a p.pt { height: 145px; }
  .wrap .service .page1 .cen ul li a p.pt { height: 132px; } 
  .wrap .product .pageTab { padding: 40px 1rem; }
}
@media screen and (max-width: 700px) { .wrap .index .page2 ul li { width: 49%; margin-bottom: 1rem; }
  .wrap .index .page2 ul li:nth-child(3n) { margin-left: 0; } }
@media screen and (max-width: 680px) { .wrap .about .page1 .cen .left { width: 100%; }
  .wrap .about .page1 .cen .right { width: 100%; margin-top: 20px; }
  .wrap .about .page1 .cen .right img { width: 100%; }
  .wrap .history .page1 .cen ul li .nav { width: 100%; box-sizing: border-box; }
  .wrap .history .page1 .cen ul li .nav p { width: 96%; background: none; padding: 1rem 0; margin: 0 auto; }
  .wrap .history .page1 .cen ul li .nav p span { position: relative; z-index: 1; top: 0; }
  .wrap .history .page1 .cen ul li:first-child { padding-top: 0; }
  .wrap .history .page1 .cen ul li:first-child .nav p span { top: 0; }
  .wrap .history .page1 .cen ul li:nth-child(2n) .nav { margin-left: 0; }
  .wrap .history .page1 .cen ul li:nth-child(2n) .nav p { background: none; margin: 0 auto; padding: 1rem 0; }
  .wrap .history .page1 .cen ul li:nth-child(2n) .nav p em { padding: 0; }
  .wrap .history .page1 .cen ul li:nth-child(2n) .nav p i { padding: 0; }
  .wrap .history .page1 .cen ul li:after { display: none; }
  .wrap .history .page1 .cen ul:before { display: none; }
  .wrap .history .page1 .cen ul:after { display: none; }
  .wrap .proDetail .cen .cNav .content.content2 table tr td:first-child { width: 30%; }
  .wrap .industry .page1 .cen .left { position: relative; width: 100%; }
  .wrap .industry .page1 .cen .left img { width: 100%; max-width: none; max-height: 100%; height: auto; object-fit: inherit; }
  .wrap .industry .page1 .cen .right { width: 100%; min-height: inherit; }
  .wrap .industry .page1 .cen .right p { padding-bottom: 35px; }
  .wrap .contact .cen .left { width: 100%; }
  .wrap .contact .cen .right { width: 100%; margin-top: 20px; }
  .wrap .contact .cen .right iframe { width: 100%; }
  .wrap .join .page1 .cen .nav .left { width: 35%; }
  .wrap .join .page1 .cen .nav .right { width: 65%; } 
  .wrap .service .page2 .cen img { display: none; }
  .wrap .service .page2 .cen img.moImg { display: block; }
}
@media screen and (max-width: 600px) { .indexBanner .bannerSwiper .swiper-slide a .nav .left { width: 100%; text-align: center; }
  .indexBanner .bannerSwiper .swiper-slide a .nav .left em { margin: 0 auto; margin-top: 20px; }
  .indexBanner .bannerSwiper .swiper-slide a .nav .right { display: none; }
  .wrap .index .page1 .top .topSwiper .swiper-wrapper .swiper-slide a p.pt, .wrap .index .page1 .top .botSwiper .swiper-wrapper .swiper-slide a p.pt, .wrap .index .page1 .bot .topSwiper .swiper-wrapper .swiper-slide a p.pt, .wrap .index .page1 .bot .botSwiper .swiper-wrapper .swiper-slide a p.pt { height: 175px; }
  .wrap .proDetail .top .nav .left { width: 100%; position: relative; }
  .wrap .proDetail .top .nav .right { width: 100%; min-height: inherit; }
  .wrap .service .page1 .top .left { width: 100%; }
  .wrap .service .page1 .top .right { width: 100%; } 
  .wrap .newsDetail .page1 .botA { bottom: 80px; left: 50%; transform: translateX(-50%); }
}
@media screen and (max-width: 480px) { .indexBanner { height: auto; }
  .indexBanner .bannerSwiper .swiper-slide a .width { display: none; }
  .indexBanner .bannerSwiper .bannerPrev { display: none; }
  .indexBanner .bannerSwiper .bannerNext { display: none; }
  .wrap .index .page2 ul li { width: 100%; margin-left: 0; }
  .wrap .culture .page1 .top .nav .left { width: 100%; }
  .wrap .culture .page1 .top .nav .left ul li { margin-top: 1rem; }
  .wrap .culture .page1 .top .nav .right { width: 100%; margin-top: 1rem; }
  .wrap .product .page1 .top span em { display: block; width: 100%; }
  .wrap .product .page1 .top span em:last-child { display: none; }
  .wrap .product .page1 .cen ul li { border-bottom: 0; margin-bottom: 1rem; }
  .wrap .product .page1 .cen ul li p { width: 100%; margin-left: 0; border-bottom: 2px solid #eaeaea; margin-bottom: 1rem; }
  .wrap .product .page1 .cen ul li p:last-child { margin-bottom: 0; }
  .wrap .proDetail .cen .cNav .content.content2 table tr td:first-child { width: 50%; }
  .wrap .industry .page2 .cen .nav ul li { width: 50%; }
  .wrap .industry .page2 .cen .nav ul li a p.pt { height: 194px; }
  .wrap .news .page1 .cen ul li a p.pl { width: 30%; }
  .wrap .news .page1 .cen ul li a p.pr { width: 65%; }
  .wrap .service .page1 .cen ul li { width: 49%; margin-bottom: 20px; }
  .wrap .service .page1 .cen ul li a p.pt { height: 122px; }
  .wrap .service .page1 .cen ul li:nth-child(3n) { margin-left: 0; }
  .wrap .join .page1 .cen .nav .left { width: 100%; border-right: 1px solid #eaeaea; position: relative; padding-bottom: 30px; }
  .wrap .join .page1 .cen .nav .right { width: 100%; border-top: 0; } }
@media screen and (max-width: 414px) { .wrap .index .page1 .top .nav .topSwiper .swiper-wrapper .swiper-slide a p.pt, .wrap .index .page1 .top .nav .botSwiper .swiper-wrapper .swiper-slide a p.pt, .wrap .index .page1 .bot .nav .topSwiper .swiper-wrapper .swiper-slide a p.pt, .wrap .index .page1 .bot .nav .botSwiper .swiper-wrapper .swiper-slide a p.pt { height: 115px; }
  .wrap .index .page1 .top .nav .topPrev, .wrap .index .page1 .top .nav .botPrev, .wrap .index .page1 .bot .nav .topPrev, .wrap .index .page1 .bot .nav .botPrev { margin-top: -68.5px; }
  .wrap .index .page1 .top .nav .topNext, .wrap .index .page1 .top .nav .botNext, .wrap .index .page1 .bot .nav .topNext, .wrap .index .page1 .bot .nav .botNext { margin-top: -68.5px; }
  .wrap .industry .page2 .cen .nav ul li a p.pt { height: 112px; }
  .wrap .industry .page2 .cen .nav ul li:nth-child(2n) a { float: right; }
  .wrap .industry .page2 .cen .nav ul li:nth-child(2n+1) a { float: left; }
  .wrap .news .page1 .cen ul li a p.pl { width: 35%; height: auto; }
  .wrap .news .page1 .cen ul li a p.pr { width: 60%; padding-top: 0; }
  .wrap .messages .page1 .cen .forms input { width: 100%; margin-left: 0; } }
@media screen and (max-width: 375px) { .wrap .index .page1 .top .topSwiper .swiper-wrapper .swiper-slide a p.pt, .wrap .index .page1 .top .botSwiper .swiper-wrapper .swiper-slide a p.pt, .wrap .index .page1 .bot .topSwiper .swiper-wrapper .swiper-slide a p.pt, .wrap .index .page1 .bot .botSwiper .swiper-wrapper .swiper-slide a p.pt { height: 200px; }
  .wrap .industry .page2 .cen .nav ul li a p.pt { height: 102px; }
  .wrap .service .page1 .cen ul li { width: 100%; margin-left: 0; margin-bottom: 1rem; }
  .wrap .service .page1 .cen ul li a p.pt { height: auto; } }
@media screen and (max-width: 340px) { .wrap .industry .page2 .cen .nav ul li { width: 100%; }
  .wrap .industry .page2 .cen .nav ul li a { float: none; margin: 0 auto; }
  .wrap .industry .page2 .cen .nav ul li a p.pt { height: auto; }
  .wrap .industry .page2 .cen .nav ul li:nth-child(2n) a { float: none; }
  .wrap .industry .page2 .cen .nav ul li:nth-child(2n+1) a { float: none; }
  .wrap .news .page1 .cen ul li a p.pl { width: 100%; height: auto; text-align: center; }
  .wrap .news .page1 .cen ul li a p.pr { width: 100%; padding-top: 1rem; } }